<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../js/lib/vue-v2.5.13/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="app">
			<a :href="url">...</a>
			<a @click="function(){window.alert(11)}">...</a>
			<div>{{ message }}</div>
			<div v-once>这个将不会改变: {{ message}}</div>
			<p>Using mustaches: {{ rawHtml }}</p>
			<p>Using v-html directive: <span v-html="rawHtml"></span></p>
			<div v-bind:id="dynamicId">{{dynamicId}}</div>
			{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }}
		</div>
		<script type="text/javascript">
			var app = new Vue({
				el: '#app',
				data: {
					message: 'Hello Vue!',
					rawHtml: '<b style="color:red;">red b</b>',
					dynamicId: 123,
					url:"www.bb.com"
				}
			})
		</script>
	</body>

</html>